<div class="vc-menu  flex justify-start" id="menu-nav">
    <div class="vc-menu-main">
        <ul>
            <li v-for="menu in menus" v-bind:class="{ active: menu.active }" v-if="menu.childs != undefined && menu.childs.length >0" v-on:click="switchMenu(menu)">
                <i class="fa " v-bind:class="menu.icon"></i><span class="margin-left-xs">{{vc.i18n(menu.name)}}</span>
            </li>

        </ul>
    </div>
    <div class="vc-menu-sub" v-if="subMenus && subMenus.length > 0">
        <ul>
            <li class="title">{{curMenuName}}</li>
            <li v-for="subMenu in subMenus" v-if="subMenu.isShow == 'Y'" v-bind:class="{ active: subMenu.active }" v-on:click="_gotoPage(subMenu.href,subMenu.name)">
                {{vc.i18n(subMenu.name)}}
            </li>
            <li class="sub-footer" @click="_closeSubMenu()"><i class="fa fa-dedent"></i></li>
        </ul>
    </div>
</div>